<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>


<h2>有序列表</h2>
<hr>
<ol>
    <li>tea</li>
    <li>coffle</li>
</ol>

<h2>无序列表</h2>
<hr>
<ul>
    <li>tea</li>
    <li>coffee</li>

</ul>


<h2>自定义列表</h2>
<hr>
<dl>
    <dt>Coffee</dt>
    <dd>-black hot drink</dd>
    <dt>milk</dt>
    <dd>-write cold drink</dd>

</dl>


<h2>不同类型的有序列表</h2>

<hr>
<ol>
    <li>apple</li>
    <li>banana</li>
    <li>lemons</li>
    <li>orange</li>

</ol>


<ol type="a">

    <li>apple</li>
    <li>banana</li>
    <li>lemons</li>
    <li>orange</li>

</ol>


<h2>不同类型的无序列表</h2>
<hr>
<ul style="list-style-type: disc">

    <li>apple</li>
    <li>banana</li>
    <li>lemons</li>
    <li>orange</li>

</ul>

<ul style="list-style-type: circle">

    <li>apple</li>
    <li>banana</li>
    <li>lemons</li>
    <li>orange</li>

</ul>


<h2>嵌套列表</h2>
<hr>
<ul>
    <li>
        茶
        <ul style="list-style-type: circle">
            <li>红茶</li>
            <li>绿茶</li>

        </ul>

    </li>

    <li>奶

        <ul style="list-style-type: circle">

            <li>珍珠奶茶</li>
            <li>柠檬奶茶</li>

        </ul>

    </li>


</ul>

</body>
</html>